<!--
  移动签批->公文详情->发文->流转
-->
<template>
	<view>
		<view style="color: rgb(0, 0, 255);font-weight:900;height: 30px;margin-top: 10px;">
			<van-icon name="label" />流转范围
		</view>
		<div style="background-color: rgb(0, 0, 255);height:1.5px;width: 100%;margin: 0 auto;"></div>

		<van-cell value="本处室人员" />
<!-- 		<van-grid :column-num="3" :border="false" :center="false">
			<van-radio-group v-model="radio" bind:change="onChange" direction="horizontal">
				<van-grid-item>
					 <van-cell><van-radio name="1">单选框1</van-radio></van-cell>
				</van-grid-item>
				<van-grid-item>
					 <van-cell><van-radio name="2">单选框2</van-radio></van-cell>
				</van-grid-item>
				<van-grid-item>
					 <van-cell><van-radio name="3">单选框3</van-radio></van-cell>
				</van-grid-item>
			</van-radio-group>
		</van-grid> -->
 		<van-grid :column-num="3" :border="false" :center="false">
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="1">侯亦男</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="2">李君韬</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="3">颜磊</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="4">高菲</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="5">付彦豪</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="6">陆璐</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="7">李欣莹</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio" direction="horizontal">
					<van-radio name="8">庞湃</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item />
		</van-grid>

		<van-cell value="本处室人员" />
		<van-grid :column-num="3" :border="false" :center="false">
			<van-grid-item>
				<van-radio-group v-model="radio1" direction="horizontal">
					<van-radio name="9">梁力强</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item />
			<van-grid-item />
		</van-grid>
		
		<van-cell value="本处室人员" />
		<van-grid :column-num="3" :border="false" :center="false">
			<van-grid-item>
				<van-radio-group v-model="radio3" direction="horizontal">
					<van-radio name="10">刘鲁颂</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio3" direction="horizontal">
					<van-radio name="11">朱云祥</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio3" direction="horizontal">
					<van-radio name="12">李京花</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio3" direction="horizontal">
					<van-radio name="13">高俊</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item />
			<van-grid-item />
		</van-grid>
		
		<van-cell value="送本部门处室领导" />
		<van-grid :column-num="3" :border="false" :center="false">
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="14">侯奕男</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="15">舒利萍</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="16">李京花</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="17">孙文生</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="18">葛晓明</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="19">范幸丽</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="20">王海波</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="21">刘壮</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio4" direction="horizontal">
					<van-radio name="22">于宝祥</van-radio>
				</van-radio-group>
			</van-grid-item>
		</van-grid>
		
		<van-cell value="送局长办公室中转" />
		<van-grid :column-num="3" :border="false" :center="false">
			<van-grid-item>
				<van-radio-group v-model="radio5" direction="horizontal">
					<van-radio name="23">冯正霖[李诺]</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio5" direction="horizontal">
					<van-radio name="24">董志毅[王佳明]</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio5" direction="horizontal">
					<van-radio name="25">吕尔学[赵俊]</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio5" direction="horizontal">
					<van-radio name="26">崔晓峰[林增跃]</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio5" direction="horizontal">
					<van-radio name="27">胡振江[郭伟龙]</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item />
		</van-grid>
		
		<van-cell value="送局领导审核" />
		<van-grid :column-num="3" :border="false" :center="false">
			<van-grid-item>
				<van-radio-group v-model="radio6" direction="horizontal">
					<van-radio name="28">冯正霖</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio6" direction="horizontal">
					<van-radio name="29">董志毅</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio6" direction="horizontal">
					<van-radio name="30">吕尔学</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio6" direction="horizontal">
					<van-radio name="31">崔晓峰</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio6" direction="horizontal">
					<van-radio name="32">胡振江</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item />
		</van-grid>
		
		<van-cell value="本公文其他经手人" />
		<van-grid :column-num="3" :border="false" :center="false">
			<van-grid-item>
				<van-radio-group v-model="radio7" direction="horizontal">
					<van-radio name="33">刘鲁颂</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio7" direction="horizontal">
					<van-radio name="1">葛晓明</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio7" direction="horizontal">
					<van-radio name="34">张琦</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item>
				<van-radio-group v-model="radio7" direction="horizontal">
					<van-radio name="35">王海波</van-radio>
				</van-radio-group>
			</van-grid-item>
			<van-grid-item />
			<van-grid-item />
		</van-grid>
		
		<van-cell value="其他人员" />
		<div class="follow">
			<van-button plain hairline type="info" @click="cancel">取消</van-button>
			<van-button type="info" style="margin-left:10px;">提交</van-button>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radio: '',
				radio1: '',
				radio2: '',
				radio3: '',
				radio4: '',
				radio5: '',
				radio6: '',
				radio7: '',
			};
		},
		methods: {
			onChange(event) {
			    this.setData({
			      radio: event.detail,
			    });
			  },
		},
	};
</script>

<style>
	.follow {
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-top: 30px;
	}
</style>
